<template>
  <div>
    <CloudInputNumber
      id="inputNumber"
      v-model="value"
      :min="1"
      :max="10"
      @change="onChange"
    ></CloudInputNumber>
    当前值：{{ value }}
  </div>
</template>

<script>
  export default {
    title: '1.基础用法',
    subTitle: '数字输入框。',
    data () {
      return {
        value: 3,
      }
    },
    methods: {
      onChange (value) {
        console.log('changed', value);
      },
    }
  }
</script>

<style lang="scss">
  .tag-box {
    display: flex;
  }
  .tag-item {
    padding-right: 10px;
  }
</style>